﻿<div class="layui-content">
    <div class="row">
        <div class="col-sm-12 col-xs-12">
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title border-right">单号</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content s-border-top"><input id="pba_item_no" type="text" class="form-control"></div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title border-none s-border-top-right">单据类型</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content border-top-right s-border-top">
                <div class="selectcontrol">
                    <select class="wmp_select" data-width="100%" name="单据类型" id="pba_item_type"></select>
                    <i class="fa fa-caret-down"></i>
                </div>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title border-top-right s-border-top-right">开始时间</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content border-top s-border-top">
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" placeholder="请选择日期" wmp="0" id="pba_start_date" title="开始时间" controltype="time" />
                    <span class="glyphicon glyphicon-calendar form-control-feedback"></span>
                </div>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title">结束时间</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content">
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" placeholder="请选择日期" wmp="0" id="pba_end_date" title="结束时间" controltype="time" />
                    <span class="glyphicon glyphicon-calendar form-control-feedback"></span>
                </div>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title">申请人</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content border-top-bottom s-border-top-bottom"><input id="pba_item_applicant" type="text" class="form-control"></div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-4 div-title border-top-right-bottom s-border-top-right-bottom">申请事由</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 div-content border-top-right-bottom s-border-top-bottom"><input id="pba_app_reason" type="text" class="form-control"></div>
        </div>
        <div class="col-sm-12 col-xs-12" style="margin:5px 0;">
            <div class="btn btn-default btn-outline float-right selector_collapse detail-collapse" title="切换">
                <i class="glyphicon glyphicon-list-alt"></i>
            </div>
            <button class="btn btn-default float-right search_btn" type="button" style="margin-right:5px;">
                <i class="fa fa-search"></i>&nbsp;&nbsp;<span class="bold">搜索</span>
            </button>
        </div>
        <div class="col-sm-12 col-xs-12">
            <div id="pbaGridtable">
                <div class="scroll_wrapper" id="pba_list_wrapper">
                    <div class="scroll_scroller" id="pba_list_scroller">
                        <div id="demo_table_container">
                            <table class="footable table table-bordered" data-type="table" data-sidx="FCreationDate" data-sord="desc" style="border-bottom:1px solid #e7eaec;">
                                <thead>
                                    <tr>
                                        <th filed="FAppClaimsID" style="width:30px;"></th>
                                        <th filed="PbaNo">单号</th>
                                        <th filed="PbaTheme">主题</th>
                                        <th filed="PbaItemType">单据类型</th>
                                        <th filed="PbaAppReason">事由</th>
                                        <th filed="PbaApplicant">申请人</th>
                                        <th filed="PbaLendMoney">借款金额</th>
                                        <th filed="PbaAppliedMoney">已核销金额</th>
                                        <th filed="PbaApplyingMoney">核销中</th>
                                        <th filed="PbaNotApplyMoney">待核销金额</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <script id="pba-table-tmpl" type="text/x-jquery-tmpl">
                    {{each rows}}
                    <tr data="${encodeURI(JSON.stringify($value))}">
                        <td filed="FAppClaimsID" style="text-align:center;">
                            <a class="footable-iradio select_node" node="${FAppClaimsID}"><label></label></a>
                        </td>
                        <td filed="PbaNo">${FAppClaimsID}</td>
                        <td filed="PbaTheme">${FProcInstName}</td>
                        <td filed="PbaItemType">${FApprovalName}</td>
                        <td filed="PbaAppReason">${FAppRemark}</td>
                        <td filed="PbaApplicant">${FApplicant}</td>
                        <td filed="PbaLendMoney">${FCopeAmount}</td>
                        <td filed="PbaAppliedMoney">${paytotal}</td>
                        <td filed="PbaApplyingMoney">${repaytotal}</td>
                        <td filed="PbaNotApplyMoney">${notpaytotal}</td>
                    </tr>
                    {{/each}}
                </script>
                <div class="footable_page">
                    <ul class="pagination pull-right"></ul>
                </div>
                <div class="hide_tmpl" style="display:none"></div>
            </div>
        </div>
    </div>
</div>
<div class="layui-footer">
    <button type="button" class="btn btn-primary btn_save" data-langid="text_app_confirm">确定</button>
</div>
